<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>聚美优品-美妆商城-列表页</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/style.css"/>

		<script src="__PUBLIC__/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/js/list.js" type="text/javascript" charset="utf-8"></script>
		<script src="__PUBLIC__/js/header.js" type="text/javascript" charset="utf-8"></script>
	</head>
<body>
<!--公共头部 开始-->
<include file="__PUBLIC__/header.html"/>
<!--公共头部 结束-->
<!--列表页-->
<div id="bgcolor">
	<!-- 小搜索行 开始-->
	<div id="search-min">
		<div class="index"><a href="">化妆品首页</a></div>
		<div class="sanjiao">
			<foreach from="$fatherCate" key="$k" value="$v">
				&gt;<a href="{|U:'Category/index',array('cid'=>$v['cid'])}">{$v.cname}</a>
			</foreach></div>
		<form action="">
			<input type="text" value="护肤" class="search" />
			<input type="submit" class="submit" value="" />
		</form>
		</foreach>
	</div>
	<!-- 小搜索行 结束-->
	
	<!-- 筛选模块 开始	 -->
	<div id="choose">
		<h3 class="title">在
		<if value="isset($hd.get.cid)">
			<span>{$cate1.cname}</span>
		<else/>全部分类
		</if>中筛选</h3>
		<foreach from="$tempFinalAttr" key="$k" value="$v">
		<div class="pinpai share">
			<div class="title">品牌:</div> 
			<div class="name">
				<foreach from="$brands" key="$k" value="$v">
					<a href="{|U:'Category/index',array('bid'=>$v['bid'])}">{$v.bname}</a>
				</foreach>
				</div>
			<!--隐藏的品牌名称-->
			<div class="hide_names">
				<div class="hide_names_tit">
					<div class="hide_names_search">
						<input type="text" placeholder="搜索品牌" autocomplete="off" />
					</div>
					<div class="multi_letters">
                        <a href="javascript:;" class="letter selected all" k="">全部品牌<b></b></a>
                        <a href="javascript:;" class="letter" k="A">A<b></b></a>
                        <a href="javascript:;" class="letter" k="B">B<b></b></a>
                        <a href="javascript:;" class="letter" k="C">C<b></b></a>
                        <a href="javascript:;" class="letter" k="D">D<b></b></a>
                        <a href="javascript:;" class="letter" k="E">E<b></b></a>
                        <a href="javascript:;" class="letter" k="F">F<b></b></a>
                        <a href="javascript:;" class="letter" k="G">G<b></b></a>
                        <a href="javascript:;" class="letter" k="H">H<b></b></a>
                        <a href="javascript:;" class="letter" k="I">I<b></b></a>
                        <a href="javascript:;" class="letter" k="J">J<b></b></a>
                        <a href="javascript:;" class="letter" k="K">K<b></b></a>
                        <a href="javascript:;" class="letter" k="L">L<b></b></a>
                        <a href="javascript:;" class="letter" k="M">M<b></b></a>
                        <a href="javascript:;" class="letter" k="N">N<b></b></a>
                        <a href="javascript:;" class="letter" k="O">O<b></b></a>
                        <a href="javascript:;" class="letter" k="P">P<b></b></a>
                        <a href="javascript:;" class="letter" k="Q">Q<b></b></a>
                        <a href="javascript:;" class="letter" k="R">R<b></b></a>
                        <a href="javascript:;" class="letter" k="S">S<b></b></a>
                        <a href="javascript:;" class="letter" k="T">T<b></b></a>
                        <a href="javascript:;" class="letter" k="V">V<b></b></a>
                        <a href="javascript:;" class="letter" k="W">W<b></b></a>
                        <a href="javascript:;" class="letter" k="X">X<b></b></a>
                        <a href="javascript:;" class="letter" k="Y">Y<b></b></a>
                        <a href="javascript:;" class="letter" k="Z">Z<b></b></a>
                        <a href="javascript:;" class="letter" k="2">2<b></b></a>
                    </div>
				</div>
				<ul>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
					<li style="display: block;" rel="Y" title="玉兰油" pinyin="yulanyou" class=""><a name="156" id="item_0_156" href="">玉兰油 </a></li>
				</ul>
			</div>
			<!--隐藏的品牌名称-->
			<div class="zhankai"><a href="javascript:;">展开</a><b></b></div>
			<div class="shouqi"><a href="javascript:;">收起</a><b></b></div>
			<a class="duoxuan"></a>
		</div>
		
		
		
		
		
		
		<!--<div class="fenlei share">
			<div class="title">分类:</div>
			<div class="name">
			<foreach from="$cateDate" key="$k" value="$v">
				<a href="{|U:'Category/index',array('cid'=>$v['cid'])}">{$v.cname}</a>
			</foreach>
			</div>
		</div>
		<div class="gongxiao share">
			<div class="title">功效:</div>
			<div class="name">				
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
			</div>
			<div class="func_zhankai"><a href="javascript:;">展开</a><b></b></div>
			<div class="func_shouqi"><a href="javascript:;">收起</a><b></b></div>
			<a class="duoxuan"></a>
		</div>
		<div class="price share">
			<div class="title">价格:</div>
			<div class="name">
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
				<a href="javascript:;">韩束</a>
				<a href="javascript:;">菲诗小铺</a>
				<a href="javascript:;">资生堂</a>
				<a href="javascript:;">玫琳凯</a>
			</div>
			<a class="duoxuan"></a>
		</div>-->
	</div>
	<!-- 筛选模块 结束	 -->

	<!-- 产品列表 开始 -->
	<div id="liebiao">
		<div class="condition">
			<div class="paixu">排序</div>
			<div class="guize">
				<a href="" class="click">默认</a>
				<a href="">价格</a>
				<a href="" class="tu2">销量<b></b></a>
				<a href="">人气</a>
				<a href="" class="uptime">上架时间</a>
				<a href="" class="temai"><input type="checkbox"/> 只看特卖</a>
			</div>
			<div class="all-pro">共<span>5813</span>个商品<b class="shuxian"></b></div>
			<div class="page">
				<div class="nowpage"><span>1</span>/162页</div>
				<div class="uppage"><a href="">上一页</a></div>
				<div class="nextpage"><a href="">下一页</a></div>
			</div>
		</div>
		<div class="pro-show">
			
			
			
			
		<!--产品循环开始-->	
		<?php if ($goods==null): ?>
			<div class="pro">
				<div class="null" ></div>
				<a href="javascript:;"><img src="__PUBLIC__/images/null.gif" alt="" class="pro-img" /></a>
				<div class="pro-name">
					
					<a href="javascript:;">该分类暂无宝贝,Sorry 亲~</a></div>
				<div class="price">¥<span class="a1">0元</span><span class="a2"span>0元</span></div>
				<div class="buy-time"><span class="a1">0人已购买</span></div>
				<div class="cart">
					<a class="buy" href="javascript:;" title="加入购物车"></a>
					<a href="javascript:;" class="shoucang" title="加入收藏"></a>
				</div>
			</div>
			<?php else :?>
		<?php foreach($goods as $k => $v): ?>

			<div class="pro">
				<div class="mianshui"></div>
				<a href="{|U:'Content/index',array('gid'=>$v['gid'])}"><img src="__ROOT__/<?php echo $v['figure'] ?>" alt="" class="pro-img" /></a>
				<div class="pro-name">
					
					<a href="{|U:'Content/index',array('gid'=>$v['gid'])}"><?php echo $v['gname'] ?></a></div>
				<div class="price">¥<span class="a1"><?php echo $v['mall_price'] ?></span><span class="a2"span><?php echo $v['market_price'] ?></span></div>
				<div class="buy-time"><span class="a1">36816人已购买|</span><span class="a2"> 154 时 48 分 44 秒</span></div>
				<div class="cart">
					<a class="buy" href="" title="加入购物车"></a>
					<a href="" class="shoucang" title="加入收藏"></a>
				</div>
				<!--功效-->
				<p class="search_list_tags">
                    <span>持久</span>
                    <span>眼部造型</span>
                </p>
			</div>
			
		<?php endforeach ?>
		<?php endif?>
		<!--产品循环结束-->
			
			
			
			
			
			
			
			
			
	
		</div>
		<div class="page-nav-wrapper">
			<ul class="page-nav">
				<li><a class="current">1</a></li>
				<li><a href="">2</a></li>
				<li><a href="">3</a></li>
				<li><a href="">4</a></li>
				<li><a>下一页</a></li>
			</ul>
		</div>
	</div>
	<!-- 产品列表 结束 -->
	
	<!-- 搜索全部 开始--> 
	<div id="search-all">
		<div class="top">
			<span>搜索全部</span>
			<form action="">
				<input type="text" value="护肤" class="search" />
				<input type="submit" class="submit" value="" />
				<div class="talk"></div>
			</form>
		</div>
		<a href="" class="koubei">去口碑中心搜索</a>


	</div>

	<!-- 搜索全部 结束--> 
</div> 
	<!-- 大背景颜色结束 -->
<div class="clear"></div>
<!--公共底部开始-->
<include file="__PUBLIC__/footer.html"/>
<!--公共底部结束-->
<!--列表页-->
</body>
</html>
